<template>
  <Breadcrumb>
    <BreadcrumbItem 
      v-for="item in currentPath" 
      :href="item.path" 
      :key="item.name"
    >{{ itemTitle(item) }}</BreadcrumbItem>
  </Breadcrumb>
</template>

<script>
export default {
  name: 'breadcrumbNav',
  props: {
    currentPath: Array
  },
  methods: {
    itemTitle(item) {
      if (typeof item.title === 'object') {
        return this.$t(item.title.i18n);
      } else {
        return item.title;
      }
    }
  }
};
</script>

